<template>
	<div class="login" v-show="state">
		<input type="text" v-model="name" placeholder="请输入六位用户名"/>
		<input type="text" v-model="pwd" placeholder="请输入密码"></input>
		<div class="loginBtn" >登录</div>
		<div class="register" >注册</div>
	</div>
</template>

<script>
	export default {
		data(){
			return {
				name: '',
				pwd: ''
			}
		},
		computed: {
			state(){
				return this.$store.state.loginState;
			}
		}
	}
</script>

<style>
	.login{
		position: absolute;	
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 99;
		height: 100%;
		/*background:white;*/
	}
	.loginBtn{
		width: 1.5625rem;
		height: 0.46875rem;
		line-height: 0.47875rem;
		background: red;
		border-radius: 0.078125;
		text-align: center;
		color:#fff;
	}
</style>